import React, { PureComponent } from 'react';
import { connect } from 'react-redux';
import { withRouter } from 'react-router-dom';
import styles from './style.module.scss';
class FooterItem extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
        }
    }
    render() {
        return (
            <div className={styles['footer']}>
                <div className={styles['footer-container']}>
                    <div className={styles['remark']}>
                        <div className={styles['top']}>
                            <img src="http://mobuz-mp.cdn.bcebos.com/matter/text_logo.png" alt="悦器社"/>
                        </div>
                        <div className={styles['bottom']}>
                            <div>Copyright ©2017-2019 极悦信息科技有限公司 版权所有  粤ICP备13084779号-2</div>
                        </div>
                    </div>
                    <div className={styles['telephone']}>
                        <div className={styles['top']}>联系我们</div>
                        <div className={styles['bottom']}>
                            <div>0755-33562871</div>
                        </div>
                    </div>
                    <div className={styles['shortcut']}>
                        <div className={styles['top']}>关注我们</div>
                        <div className={styles['bottom']}>
                            <div>
                                <div className={styles['platform']}>微信小程序</div>
                                <div className={styles['qrcode']}>
                                    <img src="http://mobuz-mp.cdn.bcebos.com/matter/mp_qr_code.jpg" alt="小程序" />
                                </div>
                            </div>
                            <div>
                                <div className={styles['platform']}>微信公众号</div>
                                <div className={styles['qrcode']}>
                                    <img src="http://mobuz-mp.cdn.bcebos.com/matter/wx_qrcode.jpg" alt="公众号" />
                                </div>
                            </div>
                            <div>
                                <div className={styles['platform']}>微博</div>
                                <div className={styles['qrcode']}>
                                    <img src="http://mobuz-mp.cdn.bcebos.com/matter/weibo_qrcode.png" alt="小程序" />
                                </div>
                                
                            </div>
                            <div>
                                <div className={styles['platform']}>下载APP</div>
                                <div className={styles['qrcode']}>
                                    <img src="http://mobuz-live.oss-cn-hangzhou.aliyuncs.com/web/matter/image/app_download_qrcode.png" alt="APP下载" />
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
    componentDidMount (){
        
    }
}

const mapState = (state) => ({

});

const mapDispatch = (dispatch) => ({

});


export default connect(mapState, mapDispatch)(withRouter(FooterItem));